<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>列操作 - Dcat Page</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="canonical" href="docs-master-model-grid-column.html" />
    
     <link rel="stylesheet" href="assets/css/laravel.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css">

     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,800,800i,900,900i">
     <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">

</head>
<body class="docs language-default">
    
        
        
        
    
    <span class="overlay"></span>

    <nav class="main">
        <a href="index.html" class="brand nav-block">

            <span><i>Dcat Page</i></span>
        </a>

        <ul class="main-nav">
            <li class=""><a href="docs.html">Documentation</a></li>



    
    

        
        

        

        
        
        
        
        
        

    

        </ul>

        <div class="search nav-block invisible">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#A1A1A1" d="M5.8 11.7c-1.6 0-3-.6-4.1-1.7S0 7.4 0 5.8s.6-3 1.7-4.1C2.8.6 4.3 0 5.8 0s3 .6 4.1 1.7c2.3 2.3 2.3 6 0 8.3-1 1.1-2.5 1.7-4.1 1.7zM5.8 1c-1.3 0-2.5.5-3.4 1.4C1.5 3.3 1 4.5 1 5.8s.5 2.5 1.4 3.4c.9.9 2.1 1.4 3.4 1.4s2.5-.5 3.4-1.4c1.9-1.9 1.9-5 0-6.9C8.4 1.5 7.1 1 5.8 1z"/><path fill="#A1A1A1" d="M15.5 16c-.1 0-.3 0-.3-.1L9.3 10c-.2-.2-.2-.5 0-.7s.5-.2.7 0l5.9 5.9c.2.2.2.5 0 .7-.1.1-.3.1-.4.1z"/></svg>
            <input placeholder="search" type="text" id="search-input" aria-label="search"/>
        </div>

                    <div class="switcher">
	<div class="dropdown">
		<button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
			Master
			<span class="caret"></span>
		</button>
		<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							<li role="presentation">
					<a role="menuitem" tabindex="-1" href="docs-master-model-grid-column.html">Master</a>
				</li>
					</ul>
	</div>
</div>
        
        <div class="responsive-sidebar-nav">
            <a href="#" class="toggle-slide menu-link btn">&#9776;</a>
        </div>
    </nav>

    <nav id="slide-menu" class="slide-menu" role="navigation">

	<div class="brand">
		<a href="/">

		</a>
	</div>

	<ul class="slide-main-nav">
		<li><a href="index.html">Home</a></li>

		<li class=""><a href="docs.html">Documentation</a></li>



    
    

        
        

        

        
        
        
        
        
        

    

	</ul>

	<div class="slide-docs-nav">
		<h2>Documentation</h2>

		<ul class="slide-docs-version">
			<li>
				<h2>Version</h2>

				<ul>
					<li>
													<div class="switcher">
	<div class="dropdown">
		<button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
			Master
			<span class="caret"></span>
		</button>
		<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							<li role="presentation">
					<a role="menuitem" tabindex="-1" href="docs-master-model-grid-column.html">Master</a>
				</li>
					</ul>
	</div>
</div>
											</li>
				</ul>
			</li>
		</ul>

		<ul>
<li>
<h2>入门</h2>
<ul>
<li><a href="docs-master-installation.html">安装</a></li>
<li><a href="docs-master-notice.html">开发前必读</a></li>
<li><a href="docs-master-quick-start.html">快速开始</a></li>
<li><a href="docs-master-content-layout.html">页面内容和布局</a></li>
<li><a href="docs-master-new.html">与Laravel Admin的异同</a></li>
</ul>
</li>
<li>
<h2>表格</h2>
<ul>
<li><a href="docs-master-model-grid.html">基本使用</a></li>
<li><a href="docs-master-model-grid-actions.html">行的使用和扩展</a></li>
<li><a href="docs-master-model-grid-column.html">列的使用和扩展</a></li>
<li><a href="docs-master-model-grid-custom-tools.html">工具栏</a></li>
<li><a href="docs-master-model-grid-double.html">双表头</a></li>
<li><a href="docs-master-model-grid-data.html">表格数据源</a></li>
<li><a href="docs-master-model-grid-filters.html">查询过滤</a></li>
<li><a href="docs-master-model-grid-export.html">数据导出</a></li>
</ul>
</li>
<li>
<h2>表单</h2>
<ul>
<li><a href="docs-master-model-form.html">基本使用</a></li>
<li><a href="docs-master-model-form-upload.html">图片/文件上传</a></li>
<li><a href="docs-master-model-form-fields.html">Form组件使用</a></li>
<li><a href="docs-master-model-form-field-management.html">Form组件管理</a></li>
<li><a href="docs-master-model-form-data.html">表单数据源</a></li>
<li><a href="docs-master-model-form-validation.html">表单验证</a></li>
<li><a href="docs-master-model-form-callback.html">表单回调</a></li>
</ul>
</li>
<li>
<h2><a href="docs-master-model-show.html">详情页</a></h2>
</li>
<li>
<h2><a href="docs-master-model-tree.html">模型树</a></h2>
</li>
<li>
<h2><a href="docs-master-model-repository.html">数据仓库</a></h2>
</li>
<li>
<h2><a href="docs-master-trans.html">多语言</a></h2>
</li>
<li>
<h2>开发工具</h2>
<ul>
<li><a href="docs-master-helpers-scaffold.html">代码生成器</a></li>
<li><a href="docs-master-helpers-extension.html">扩展包管理</a></li>
<li><a href="docs-master-helpers-ide.html">IDE自动补全</a></li>
<li><a href="docs-master-helpers-icon.html">图标</a></li>
<li><a href="docs-master-helpers-routes.html">路由</a></li>
</ul>
</li>
<li>
<h2><a href="docs-master-extension.html">开发扩展</a></h2>
</li>
<li>
<h2>页面组件</h2>
<ul>
<li><a href="docs-master-widgets-charts.html">图表</a></li>
<li><a href="docs-master-widgets-data-card.html">数据卡片</a></li>
<li><a href="docs-master-widgets-form.html">表单</a></li>
<li><a href="docs-master-widgets-dialog-form.html">表单弹窗</a></li>
<li><a href="docs-master-widgets-navbar.html">导航菜单</a></li>
<li><a href="docs-master-widgets-dropdown.html">下拉菜单</a></li>
<li><a href="docs-master-widgets-tab.html">选项卡</a></li>
<li><a href="docs-master-widgets-alert.html">告警框</a></li>
<li><a href="docs-master-widgets-tooltip.html">提示条</a></li>
<li><a href="docs-master-widgets-checkbox.html">单、复选框</a></li>
<li><a href="docs-master-widgets-markdown.html">Markdown</a></li>
<li><a href="docs-master-widgets-box.html">卡片</a></li>
<li><a href="docs-master-widgets-accordion.html">折叠卡</a></li>
<li><a href="docs-master-widgets-terminal.html">命令窗</a></li>
<li><a href="docs-master-widgets-table.html">表格</a></li>
<li><a href="docs-master-widgets-js.html">JS组件</a></li>
</ul>
</li>
<li>
<h2><a href="docs-master-assets.html">JS代码与静态资源加载</a></h2>
</li>
<li>
<h2><a href="docs-master-permission.html">权限控制</a></h2>
</li>
<li>
<h2><a href="docs-master-custom-authentication.html">自定义登陆认证</a></h2>
</li>
<li>
<h2><a href="docs-master-custom-navbar.html">自定义头部导航</a></h2>
</li>
<li>
<h2><a href="docs-master-qa.html">常见问题</a></h2>
</li>
<li>
<h2><a href="docs-master-upgrade.html">升级注意事项</a></h2>
</li>
<li>
<h2><a href="docs-master-change-log.html">Change log</a></h2>
</li>
</ul>
	</div>

</nav>

<div class="docs-wrapper container">

	<section class="sidebar">
		
		<small><a href="#" id="doc-expand" style="font-size: 11px; color: #B8B8B8;">EXPAND ALL</a></small>
		<ul>
<li>
<h2>入门</h2>
<ul>
<li><a href="docs-master-installation.html">安装</a></li>
<li><a href="docs-master-notice.html">开发前必读</a></li>
<li><a href="docs-master-quick-start.html">快速开始</a></li>
<li><a href="docs-master-content-layout.html">页面内容和布局</a></li>
<li><a href="docs-master-new.html">与Laravel Admin的异同</a></li>
</ul>
</li>
<li>
<h2>表格</h2>
<ul>
<li><a href="docs-master-model-grid.html">基本使用</a></li>
<li><a href="docs-master-model-grid-actions.html">行的使用和扩展</a></li>
<li><a href="docs-master-model-grid-column.html">列的使用和扩展</a></li>
<li><a href="docs-master-model-grid-custom-tools.html">工具栏</a></li>
<li><a href="docs-master-model-grid-double.html">双表头</a></li>
<li><a href="docs-master-model-grid-data.html">表格数据源</a></li>
<li><a href="docs-master-model-grid-filters.html">查询过滤</a></li>
<li><a href="docs-master-model-grid-export.html">数据导出</a></li>
</ul>
</li>
<li>
<h2>表单</h2>
<ul>
<li><a href="docs-master-model-form.html">基本使用</a></li>
<li><a href="docs-master-model-form-upload.html">图片/文件上传</a></li>
<li><a href="docs-master-model-form-fields.html">Form组件使用</a></li>
<li><a href="docs-master-model-form-field-management.html">Form组件管理</a></li>
<li><a href="docs-master-model-form-data.html">表单数据源</a></li>
<li><a href="docs-master-model-form-validation.html">表单验证</a></li>
<li><a href="docs-master-model-form-callback.html">表单回调</a></li>
</ul>
</li>
<li>
<h2><a href="docs-master-model-show.html">详情页</a></h2>
</li>
<li>
<h2><a href="docs-master-model-tree.html">模型树</a></h2>
</li>
<li>
<h2><a href="docs-master-model-repository.html">数据仓库</a></h2>
</li>
<li>
<h2><a href="docs-master-trans.html">多语言</a></h2>
</li>
<li>
<h2>开发工具</h2>
<ul>
<li><a href="docs-master-helpers-scaffold.html">代码生成器</a></li>
<li><a href="docs-master-helpers-extension.html">扩展包管理</a></li>
<li><a href="docs-master-helpers-ide.html">IDE自动补全</a></li>
<li><a href="docs-master-helpers-icon.html">图标</a></li>
<li><a href="docs-master-helpers-routes.html">路由</a></li>
</ul>
</li>
<li>
<h2><a href="docs-master-extension.html">开发扩展</a></h2>
</li>
<li>
<h2>页面组件</h2>
<ul>
<li><a href="docs-master-widgets-charts.html">图表</a></li>
<li><a href="docs-master-widgets-data-card.html">数据卡片</a></li>
<li><a href="docs-master-widgets-form.html">表单</a></li>
<li><a href="docs-master-widgets-dialog-form.html">表单弹窗</a></li>
<li><a href="docs-master-widgets-navbar.html">导航菜单</a></li>
<li><a href="docs-master-widgets-dropdown.html">下拉菜单</a></li>
<li><a href="docs-master-widgets-tab.html">选项卡</a></li>
<li><a href="docs-master-widgets-alert.html">告警框</a></li>
<li><a href="docs-master-widgets-tooltip.html">提示条</a></li>
<li><a href="docs-master-widgets-checkbox.html">单、复选框</a></li>
<li><a href="docs-master-widgets-markdown.html">Markdown</a></li>
<li><a href="docs-master-widgets-box.html">卡片</a></li>
<li><a href="docs-master-widgets-accordion.html">折叠卡</a></li>
<li><a href="docs-master-widgets-terminal.html">命令窗</a></li>
<li><a href="docs-master-widgets-table.html">表格</a></li>
<li><a href="docs-master-widgets-js.html">JS组件</a></li>
</ul>
</li>
<li>
<h2><a href="docs-master-assets.html">JS代码与静态资源加载</a></h2>
</li>
<li>
<h2><a href="docs-master-permission.html">权限控制</a></h2>
</li>
<li>
<h2><a href="docs-master-custom-authentication.html">自定义登陆认证</a></h2>
</li>
<li>
<h2><a href="docs-master-custom-navbar.html">自定义头部导航</a></h2>
</li>
<li>
<h2><a href="docs-master-qa.html">常见问题</a></h2>
</li>
<li>
<h2><a href="docs-master-upgrade.html">升级注意事项</a></h2>
</li>
<li>
<h2><a href="docs-master-change-log.html">Change log</a></h2>
</li>
</ul>
	</section>

	<article>
		<h1>列操作</h1>
<p><code>model-grid</code>内置了很多对于列的操作方法，可以通过这些方法很灵活的操作列数据。</p>
<p><code>Dcat\Admin\Grid\Column</code>对象内置了<code>display()</code>方法来通过传入的回调函数来处理当前列的值，</p>
<pre><code class="language-php">$grid-&gt;column('title')-&gt;display(function ($title) {

    return "&lt;span style='color:blue'&gt;$title&lt;/span&gt;";

});</code></pre>
<p>在传入的匿名函数中可以通过任何方式对数据进行处理，另外匿名函数绑定了当前列的数据作为父对象，可以在函数中调用当前行的数据：</p>
<pre><code class="language-php">
$grid-&gt;first_name();

$grid-&gt;last_name();

// 不存在的`full_name`字段
$grid-&gt;column('full_name')-&gt;display(function () {
    return $this-&gt;first_name . ' ' . $this-&gt;last_name;
});</code></pre>
<p><a name="base"></a></p>
<h2>内置方法</h2>
<p><code>model-grid</code>内置了若干方法来帮助你扩展列功能</p>
<p><a name="width"></a></p>
<h3>width</h3>
<p>设置列的宽度，当字段内容过长时可以使用这个方法限制列宽度</p>
<pre><code class="language-php">// px
$grid-&gt;long_text-&gt;width('300px');
// 百分比
$grid-&gt;long_text-&gt;width('15%');</code></pre>
<p><a name="setHeaderAttributes"></a></p>
<h3>setHeaderAttributes</h3>
<p>设标题的<code>html</code>属性</p>
<pre><code class="language-php">// 修改颜色
$grid-&gt;name-&gt;setHeaderAttributes(['style' =&gt; 'color:#5b69bc']);</code></pre>
<p><a name="setAttributes"></a></p>
<h3>setAttributes</h3>
<p>设列的<code>html</code>属性</p>
<pre><code class="language-php">$grid-&gt;name-&gt;setAttributes(['style' =&gt; 'font-size:14px']);</code></pre>
<p><a name="editable"></a></p>
<h3>editable</h3>
<p>通过<code>editable.js</code>的帮助，可以让你在表格中直接编辑数据，使用方法如下</p>
<pre><code class="language-php">$grid-&gt;title()-&gt;editable();

$grid-&gt;title()-&gt;editable('textarea');

$grid-&gt;title()-&gt;editable('select', [1 =&gt; 'option1', 2 =&gt; 'option2', 3 =&gt; 'option3']);

// select 支持传递闭包作为参数，该闭包接收参数为当前行对应的模型
$grid-&gt;title()-&gt;editable('select', function($row) {
    if ($row-&gt;title === 'test') {
        return ['test1', 'test2'];
    }
    return ['test3', 'test4'];
});

$grid-&gt;birth()-&gt;editable('date');

$grid-&gt;published_at()-&gt;editable('datetime');

$grid-&gt;year-&gt;editable('year');

$grid-&gt;month-&gt;editable('month');

$grid-&gt;day-&gt;editable('day');
</code></pre>
<p><a name="switch"></a></p>
<h3>switch</h3>
<blockquote>
<p>{tip} 注意：在<code>grid</code>中对某字段设置<code>switch</code>默认的保存结果是<code>0</code>或<code>1</code>，如需保存其他值请在<code>Model</code>、<code>Repository</code>或<code>Form</code>中修改。</p>
</blockquote>
<p>快速将列变成开关组件，使用方法如下：</p>
<pre><code class="language-php">$grid-&gt;status()-&gt;switch();</code></pre>
<p><a name="switchGroup"></a></p>
<h3>switchGroup</h3>
<blockquote>
<p>{tip} 注意：在<code>grid</code>中对某字段设置<code>switchGroup</code>默认的保存结果是<code>0</code>或<code>1</code>，如需保存其他值请在<code>Model</code>、<code>Repository</code>或<code>Form</code>中修改。</p>
</blockquote>
<p>快速将列变成开关组件组，使用方法如下：</p>
<pre><code class="language-php">$grid-&gt;switch_group-&gt;switchGroup([
    'hot'        =&gt; '热门',
    'new'        =&gt; '最新',
    'recommend'  =&gt; '推荐',
    'image.show' =&gt; '显示图片', // 更新对应关联模型
]);
// 或
// 不写label会自动从翻译文件翻译，具体使用请参照“字段翻译”章节
$grid-&gt;switch_group-&gt;switchGroup(['is_new', 'is_hot', 'published']);
</code></pre>
<p><a name="select"></a></p>
<h3>select</h3>
<pre><code class="language-php">$grid-&gt;options()-&gt;select([
    1 =&gt; 'Sed ut perspiciatis unde omni',
    2 =&gt; 'voluptatem accusantium doloremque',
    3 =&gt; 'dicta sunt explicabo',
    4 =&gt; 'laudantium, totam rem aperiam',
]);</code></pre>
<p><code>select</code> 也支持参数为闭包，使用方法和<code>editable</code>的<code>select</code>类似。</p>
<p><a name="radio"></a></p>
<h3>radio</h3>
<pre><code class="language-php">$grid-&gt;options()-&gt;radio([
    1 =&gt; 'Sed ut perspiciatis unde omni',
    2 =&gt; 'voluptatem accusantium doloremque',
    3 =&gt; 'dicta sunt explicabo',
    4 =&gt; 'laudantium, totam rem aperiam',
]);</code></pre>
<p><code>radio</code> 也支持参数为闭包，使用方法和<code>editable</code>的<code>select</code>类似。</p>
<p><a name="checkbox"></a></p>
<h3>checkbox</h3>
<pre><code class="language-php">$grid-&gt;options()-&gt;checkbox([
    1 =&gt; 'Sed ut perspiciatis unde omni',
    2 =&gt; 'voluptatem accusantium doloremque',
    3 =&gt; 'dicta sunt explicabo',
    4 =&gt; 'laudantium, totam rem aperiam',
]);</code></pre>
<p><code>checkbox</code> 也支持参数为闭包，使用方法和<code>editable</code>的<code>select</code>类似。</p>
<p><a name="image"></a></p>
<h3>image</h3>
<pre><code class="language-php">$grid-&gt;picture()-&gt;image();

//设置服务器和宽高
$grid-&gt;picture()-&gt;image('http://xxx.com', 100, 100);

// 显示多图
$grid-&gt;pictures()-&gt;display(function ($pictures) {

    return json_decode($pictures, true);

})-&gt;image('http://xxx.com', 100, 100);</code></pre>
<p><a name="label"></a></p>
<h3>label</h3>
<pre><code class="language-php">$grid-&gt;name()-&gt;label();

// 设置颜色，默认`success`,可选`danger`、`warning`、`info`、`primary`、`default`、`success`、`custom`、`purple`、`blue`、`inverse`、`tear`
$grid-&gt;name()-&gt;label('danger');

// 接收数组
$grid-&gt;keywords()-&gt;label();</code></pre>
<p><a name="badge"></a></p>
<h3>badge</h3>
<pre><code class="language-php">$grid-&gt;name()-&gt;badge();

// 设置颜色，默认`red`,可选`red`、`yellow`、`aqua`、`green`、`gray`、`custom`、`purple`、`blue`、`inverse`、`tear`
$grid-&gt;name()-&gt;badge('danger');

// 接收数组
$grid-&gt;keywords()-&gt;badge();</code></pre>
<p><a name="expand"></a></p>
<h3>expand</h3>
<p><code>expand</code>方法可以把内容隐藏，点击按钮的时候显示在表格下一行</p>
<pre><code class="language-php">$grid-&gt;content-&gt;expand(function (Grid\Displayers\Expand $expand) {
    // 设置按钮名称
    $expand-&gt;button('详情');

    // 返回显示的详情
    // 这里返回 content 字段内容，并用 Card 包裹起来
    $card = new Card(null, $this-&gt;content);

    return "&lt;div style='padding:10px 10px 0'&gt;$card&lt;/div&gt;";
});</code></pre>
<p><a name="progressBar"></a></p>
<h3>progressBar</h3>
<p><code>progressBar</code>进度条</p>
<pre><code class="language-php">$grid-&gt;rate-&gt;progressBar();

//设置颜色，默认`primary`,可选`danger`、`warning`、`info`、`primary`、`success`
$grid-&gt;rate-&gt;progressBar('success');

// 设置进度条尺寸和最大值
$grid-&gt;rate-&gt;progressBar('success', 'sm', 100);</code></pre>
<p><a name="tree"></a></p>
<h3>tree</h3>
<p><code>tree</code>方法可以把一个带有层级关系的数组呈现为树形弹窗，比如权限就可以用此方法展示</p>
<pre><code class="language-php">// 查出所有的权限数据
$nodes = (new $permissionModel)-&gt;allNodes();

// 传入二维数组（未分层级）
$grid-&gt;permissions-&gt;tree($nodes);

// 也可以传入闭包
$grid-&gt;permissions-&gt;tree(function (Grid\Displayers\Tree $tree) use (&amp;$nodes, $roleModel) {
    // 设置所有节点
    $tree-&gt;nodes($nodes);

    // 设置节点数据字段名称，默认"id"，"name"，"parent_id"
    $tree-&gt;columnNames('id', 'name', 'parent_id');

    // $this-&gt;roles 可以获取当前行的字段值
    foreach (array_column($this-&gt;roles, 'slug') as $slug) {
        if ($roleModel::isAdministrator($slug)) {
            // 选中所有节点
            $tree-&gt;checkedAll();
        }
    }
});</code></pre>
<p><a name="using"></a></p>
<h3>using</h3>
<pre><code class="language-php">$grid-&gt;status-&gt;using([0 =&gt; '未激活', 1 =&gt; '正常']);

// 第二个参数为默认值
$grid-&gt;gender-&gt;using([1 =&gt; '男', 2 =&gt; '女'], '未知');</code></pre>
<p><a name="explode"></a></p>
<h3>explode</h3>
<p><code>explode</code>方法可以把字符串分割为数组。</p>
<pre><code class="language-php">$grid-&gt;tag-&gt;explode()-&gt;label();

// 可以指定分隔符，默认","
$grid-&gt;tag-&gt;explode('|')-&gt;label();</code></pre>
<p><a name="prepend"></a></p>
<h3>prepend</h3>
<pre><code class="language-php">// 当字段值是一个字符串
$grid-&gt;email-&gt;prepend('mailto:');

// 当字段值是一个数组
$grid-&gt;arr-&gt;prepend('first item');</code></pre>
<p><a name="append"></a></p>
<h3>append</h3>
<pre><code class="language-php">// 当字段值是一个字符串
$grid-&gt;email-&gt;append('@gmail.com');

// 当字段值是一个数组
$grid-&gt;arr-&gt;append('last item');</code></pre>
<p><a name="view"></a></p>
<h3>view</h3>
<p><code>view</code>方法可以引入一个视图文件。</p>
<pre><code class="language-php">// 模板中接收以下三个变量：
// name 字段名称
// value 字段值
// model 当前行数据
$grid-&gt;content-&gt;view('admin.fields.content');</code></pre>
<p>模板代码如下：</p>
<pre><code class="language-blade">&lt;label&gt;名称：{{ $name }}&lt;/label&gt;
&lt;label&gt;值：{{ $value }}&lt;/label&gt;
&lt;label&gt;其他字段：{{ $model-&gt;title }}&lt;/label&gt;</code></pre>
<p><a name="responsive"></a></p>
<h3>responsive</h3>
<p><code>responsive</code>方法用于启用<a href="https://github.com/nadangergeo/RWD-Table-Patterns">RWD-Table-Patterns</a>插件，可以在表格右上角控制显示或隐藏当前字段</p>
<pre><code class="language-php">$grid-&gt;email-&gt;responsive();

// 0 不可见
// 1 保持可见，但可以在下拉列表筛选隐藏。
// 2 480px 分辨率以下可见
// 3 640px 以下可见
// 4 800px 以下可见
// 5 960px 以下可见
// 6 1120px 以下可见
$grid-&gt;name-&gt;responsive(2);</code></pre>
<p><a name="responsive"></a></p>
<h3>hide</h3>
<pre><code class="language-php">// 隐藏字段
$grid-&gt;email-&gt;hide();
// 相当于
$grid-&gt;name-&gt;responsive(0);</code></pre>
<p><a name="extend"></a></p>
<h2>扩展列功能</h2>
<p>可以通过两种方式扩展列功能，第一种是通过匿名函数的方式。</p>
<blockquote>
<p>扩展列功能方法后IDE默认是不会自动补全的，这时候可以通过<code>php artisan admin::ide-helper</code>生成IDE提示文件，具体请参考<a href="docs-master-helpers-ide.html">IDE自动补全</a>。</p>
</blockquote>
<p><a name="fun"></a></p>
<h3>匿名函数</h3>
<p>在<code>app/Admin/bootstrap.php</code>加入以下代码:</p>
<pre><code class="language-php">use Dcat\Admin\Grid\Column;

// 第二个参数为 `Column` 对象， 第三个参数是自定义参数
Column::extend('color', function ($value, $column, $color) {
    return "&lt;span style='color: $color'&gt;$value&lt;/span&gt;"
});</code></pre>
<p>然后在<code>model-grid</code>中使用这个扩展：</p>
<pre><code class="language-php">$grid-&gt;title()-&gt;color('#ccc');</code></pre>
<p><a name="class"></a></p>
<h3>扩展类</h3>
<p>如果列显示逻辑比较复杂，可以通过扩展类来实现。</p>
<p>扩展类<code>app/Admin/Extensions/Popover.php</code>:</p>
<pre><code class="language-php">&lt;?php

namespace App\Admin\Extensions;

use Dcat\Admin\Admin;
use Dcat\Admin\Grid\Displayers\AbstractDisplayer;

class Popover extends AbstractDisplayer
{
    public function display($placement = 'left')
    {
        Admin::script("$('[data-toggle=\"popover\"]').popover()");

        return &lt;&lt;&lt;EOT
&lt;button type="button"
    class="btn btn-secondary"
    title="popover"
    data-container="body"
    data-toggle="popover"
    data-placement="$placement"
    data-content="{$this-&gt;value}"
    &gt;
  弹出提示
&lt;/button&gt;
EOT;

    }
}</code></pre>
<p>然后在<code>app/Admin/bootstrap.php</code>注册扩展类：</p>
<pre><code class="language-php">use Dcat\Admin\Grid\Column;
use App\Admin\Extensions\Popover;

Column::extend('popover', Popover::class);</code></pre>
<p>然后就能在<code>model-grid</code>中使用了：</p>
<pre><code class="language-php">$grid-&gt;desciption()-&gt;popover('right');</code></pre>
<p><a name="define"></a></p>
<h3>指定列名</h3>
<p>出了上述两种方式扩展列功能，我们还可以通过指定列名称的方式扩展列功能</p>
<p>在<code>app/Admin/bootstrap.php</code>加入以下代码:</p>
<pre><code class="language-php">use Dcat\Admin\Grid\Column;

// 这个扩展方法等同于
// $grid-&gt;title()-&gt;display(function ($value) {
//    return "&lt;span style='color:red'&gt;$value&lt;/span&gt;"
// });
Column::define('title', function ($value) {
    return "&lt;span style='color:red'&gt;$value&lt;/span&gt;"
});

// 这个扩展方法等同于
// $grid-&gt;status()-&gt;switch();
Column::define('status', Dcat\Admin\Grid\Displayers\SwitchDisplay::class);</code></pre>
<p>然后在<code>model-grid</code>中<code>title</code>和<code>status</code>字段会自动使用以上扩展：</p>
<pre><code class="language-php">$grid-&gt;title();
$grid-&gt;status();</code></pre>
<p><a name="helpers"></a></p>
<h2>帮助方法</h2>
<p><a name="string"></a></p>
<h3>字符串操作</h3>
<p>如果当前里的输出数据为字符串，那么可以通过链式方法调用<code>Illuminate\Support\Str</code>的方法。</p>
<p>比如有如下一列，显示<code>title</code>字段的字符串值:</p>
<pre><code class="language-php">$grid-&gt;title();</code></pre>
<p>在<code>title</code>列输出的字符串基础上调用<code>Str::limit()</code>方法</p>
<pre><code class="language-php">$grid-&gt;title()-&gt;limit(30);</code></pre>
<p>调用方法之后输出的还是字符串，所以可以继续调用<code>Illuminate\Support\Str</code>的方法：</p>
<pre><code class="language-php">$grid-&gt;title()-&gt;limit(30)-&gt;ucfirst();

$grid-&gt;title()-&gt;limit(30)-&gt;ucfirst()-&gt;substr(1, 10);
</code></pre>
<p><a name="array"></a></p>
<h3>数组操作</h3>
<p>如果当前列输出的是数组，可以直接链式调用<code>Illuminate\Support\Collection</code>方法。</p>
<p>比如<code>tags</code>列是从一对多关系取出来的数组数据：</p>
<pre><code class="language-php">$grid-&gt;tags();

array (
  0 =&gt; 
  array (
    'id' =&gt; '16',
    'name' =&gt; 'php',
    'created_at' =&gt; '2016-11-13 14:03:03',
    'updated_at' =&gt; '2016-12-25 04:29:35',

  ),
  1 =&gt; 
  array (
    'id' =&gt; '17',
    'name' =&gt; 'python',
    'created_at' =&gt; '2016-11-13 14:03:09',
    'updated_at' =&gt; '2016-12-25 04:30:27',
  ),
)
</code></pre>
<p>调用<code>Collection::pluck()</code>方法取出数组的中的<code>name</code>列</p>
<pre><code class="language-php">$grid-&gt;tags()-&gt;pluck('name');

array (
    0 =&gt; 'php',
    1 =&gt; 'python',
  ),
</code></pre>
<p>取出<code>name</code>列之后输出的还是数组，还能继续调用用<code>Illuminate\Support\Collection</code>的方法</p>
<pre><code class="language-php">$grid-&gt;tags()-&gt;pluck('name')-&gt;map('ucwords');

array (
    0 =&gt; 'Php',
    1 =&gt; 'Python',
  ),</code></pre>
<p>将数组输出为字符串</p>
<pre><code class="language-php">$grid-&gt;tags()-&gt;pluck('name')-&gt;map('ucwords')-&gt;implode('-');

"Php-Python"</code></pre>
<p><a name="mixed"></a></p>
<h3>混合使用</h3>
<p>在上面两种类型的方法调用中，只要上一步输出的是确定类型的值，便可以调用类型对应的方法，所以可以很灵活的混合使用。</p>
<p>比如<code>images</code>字段是存储多图片地址数组的JSON格式字符串类型：</p>
<pre><code class="language-php">
$grid-&gt;images();

// "['foo.jpg', 'bar.png']"

// 链式方法调用来显示多图
$grid-&gt;images()-&gt;display(function ($images) {
    return json_decode($images, true);

})-&gt;map(function ($path) {
    return 'http://localhost/images/'. $path;

})-&gt;image();
</code></pre>
<p><a name="hard"></a></p>
<h2>高级用法</h2>
<p>有些情况我们需要根据某种条件去判断是否使用列的某个功能：</p>
<pre><code class="language-php">// 列子1
// 普通用法
$grid-&gt;switch();

// 高级用法
// 根据指定条件判断是否使用 switch
$grid-&gt;display(function ($value, $column) {
    if ($this-&gt;id === 0) {
        return '';
    }

    // 当id不等于0时使用switch
    // 注意这里一定要用 return
    // 注意这里一定要用 return
    // 注意这里一定要用 return
    return $column-&gt;switch();

});

// 列子2
$permissionModel = config('admin.database.permissions_model');
$roleModel = config('admin.database.roles_model');
$nodes = (new $permissionModel)-&gt;allNodes();

$grid-&gt;permissions-&gt;display(function ($v, $column) use (&amp;$nodes, $roleModel) {
    if (empty($this-&gt;roles)) {
        return;
    }

    // 当roles不为空时使用tree
    // 注意这里一定要用 return
    // 注意这里一定要用 return
    // 注意这里一定要用 return
    return $column-&gt;tree(function (Grid\Displayers\Tree $tree) use (&amp;$nodes, $roleModel) {
        $tree-&gt;nodes($nodes);

        foreach (array_column($this-&gt;roles, 'slug') as $slug) {
            if ($roleModel::isAdministrator($slug)) {
                $tree-&gt;checkedAll();
            }
        }
    });
});
</code></pre>
	</article>

</div>

    <footer class="main">
        <ul>
            <li class=""><a href="docs.html">Documentation</a></li>



    
    

        
        

        

        
        
        
        
        
        

    

        </ul>
        <p>Built by <b>Jiang qinghua</b>. Copyright &copy; 2019</p>
        <p class="less-significant">
            <a href="http://jackmcdade.com">
                Designed by<br>
                <svg xmlns="http://www.w3.org/2000/svg" width="128.2" height="28" viewBox="0 0 128.2 28"><g fill="#c3c3c3"><path d="M14.2.4v1.4l-1.4-.3.3 4.5c.1 1.5 0 3-.1 4.5 0 .4-.1.8-.1 1.2-.1.4-.1.8-.3 1.2-.1.4-.3.7-.5 1.1-.2.3-.5.6-.9.9-.4.2-.9.4-1.5.6-.6.2-1.1.3-1.6.3-.6 0-1.2-.1-1.6-.3-.5-.2-.9-.6-1.1-1-.3-.5-.5-1-.6-1.6-.1-.6-.1-1.3 0-2.1 0-.2.1-.5.2-.7-.1-.2 0-.4.1-.6l.3-.6 1.1.4c.2 0 .5.1.8.2.3.1.5.1.6.2 0 .2 0 .4-.1.5-.1.2-.1.3-.2.4-.1.1-.2.3-.2.4-.1.2-.1.3-.1.5L6 10.8c-.1.3-.2.7-.2 1.1 0 .4.1.8.2 1.2.2.4.4.7.6 1 .3.3.6.4 1 .3.6 0 1.1-.3 1.4-.6.3-.4.5-.9.7-1.7.1-.7.2-1.6.2-2.8V5.4c0-.6-.1-1.3-.1-2-.1-.6-.2-1.3-.3-2H5.7c-.7 0-1.5 0-2.2.2-.3.1-.6.2-1 .4-.3.1-.6.4-.9.6-.2.3-.4.6-.5 1-.1.3-.1.7 0 1 .1.5.3.8.4.9v-.1c0-.4.1-.8.4-1 .3-.2.6-.3.9-.3.3 0 .6.1.9.3.3.2.4.6.4 1s-.1.8-.4 1c-.3.2-.6.3-1 .3-.8 0-1.4-.2-1.8-.7-.4-.4-.7-.9-.8-1.5C0 4 0 3.4.2 2.7c.2-.6.5-1.1 1-1.5.4-.3.8-.5 1.2-.7.4-.1.9-.2 1.4-.3.5-.1.9-.1 1.4-.1h2.9c.6 0 1.1 0 1.6.1.5 0 1 .1 1.5.1s1 .1 1.5.1c.4.1.9.1 1.5 0zM25.2 14.3c0 .2.1.4.1.6 0 .2.1.4.1.7-1-.1-2-.2-3-.1-1.1.1-2.1.2-3 .4 0-.2-.1-.4-.1-.5 0-.2-.1-.4-.1-.5.2 0 .5-.1.7-.1.2 0 .4-.1.6-.1-.1-1.5-.3-3.1-.5-4.6-.5.1-.9.1-1.4.2-.5.1-.9.1-1.4.2-.2.7-.3 1.3-.5 2s-.3 1.3-.5 2h.6c.1 0 .3 0 .4.1v.9c0 .1 0 .2-.1.3H14v-1.2h1c.2-.5.3-1 .4-1.5.1-.5.3-1 .4-1.5.2-.6.3-1.2.5-1.7.2-.6.3-1.2.5-1.7.2-1.1.4-2.1.6-3.2.2-1.1.3-2.1.4-3.2h-1.4c0-.2.1-.4.1-.6 0-.2 0-.4.1-.6h5.8l.2 1.2h-1c.3 2.1.7 4.3 1 6.5.3 2.2.7 4.4 1 6.5h1.6zM17.5 9c.4-.1.7-.1 1.1-.2.4-.1.8-.1 1.2-.2-.2-1-.3-2-.5-2.9-.2-1-.4-1.9-.6-2.9-.2 1-.4 2.1-.5 3.1-.3 1-.5 2.1-.7 3.1zM36.7 10.4h-.6c0 .6 0 1.2-.2 1.9-.2.6-.5 1.2-1 1.6-.5.5-1 .9-1.6 1.1-.6.3-1.3.4-2 .5-.6.1-1.1.1-1.8 0-.6-.1-1.1-.4-1.6-.7-.2-.2-.5-.4-.8-.7-.3-.3-.5-.5-.6-.8-.3-.5-.5-1-.6-1.5-.2-.5-.3-.9-.4-1.4-.1-.5-.2-1-.2-1.5s0-1 .1-1.6c.2-1 .4-2 .8-2.9.4-.9.8-1.7 1.4-2.3.5-.7 1.2-1.2 1.9-1.6.7-.3 1.4-.5 2.2-.5.3 0 .5 0 .8.1.3.1.5.2.7.4.3.3.7.7 1 1.2.3.5.6 1.2.7 1.9h.6v.6l-2.5.4c-.3.1-.5.1-.6 0-.1 0-.2-.1-.2-.2-.1-.1-.1-.2 0-.3h.4c.2-.2.3-.3.3-.6v-.7c0-.5-.2-.9-.5-1.3l-.4-.4c-.2-.1-.4-.1-.6 0-.2 0-.4.2-.6.4-.2.2-.4.5-.5.9-.3.2-.4.6-.5.9-.1.3-.2.5-.2.7-.6 2.6-.7 5.3-.2 8 .1.3.2.7.3 1s.3.6.5.9c.2.3.5.5.8.7.3.2.6.2 1 .1.6-.1 1-.4 1.4-1 .3-.5.6-1.1.7-1.8.1-.3.1-.6.1-.9v-.5c-.2 0-.4 0-.6-.1-.1-.1-.2-.2-.2-.3 0-.1 0-.2.1-.3h3.4c0 .1 0 .2-.1.3-.1.1-.1.2-.1.3z"/><path d="M48 14.2c.1.2.3.3.5.4.2.1.5.1.7 0 .1.1.1.2.1.4s-.1.3-.2.4c-.1.1-.2.2-.4.2h-1.4c-.3 0-.7 0-1-.1-.3-.1-.7-.2-1-.4-.3-.2-.5-.4-.7-.7-.2-.3-.3-.6-.3-1V9.9v-.4c0-.2-.1-.3-.2-.5s-.3-.3-.4-.4c-.2-.1-.4-.1-.7-.1-.1 0-.2 0-.5.1-.2.3-.3.5-.5.8-.2.3-.3.5-.5.7 0 .8 0 1.5-.1 2.2 0 .7-.1 1.5-.1 2.1h1.4v1.1c-.5 0-.9.1-1.3 0-.4 0-.8 0-1.2-.1-.4 0-.8-.1-1.2-.1H37.3c-.1 0-.2 0-.3-.1-.1 0-.1-.1-.1-.2s-.1-.3-.1-.4v-.4c0-.1.1-.2.1-.2.2.1.4.2.6.1s.4-.2.5-.4c0-.1.1-.3.1-.7 0-.4 0-.9.1-1.6 0-.6.1-1.3.1-2.1s0-1.6.1-2.4c0-.8 0-1.5.1-2.3 0-.7.1-1.3.1-1.8v-.7c0-.2-.1-.4-.2-.6-.1-.2-.3-.3-.5-.4-.2-.1-.4 0-.6.1 0-.2-.1-.5-.1-.7 0-.2 0-.4-.1-.7 1 0 2 .1 3 .1.9 0 1.9.1 3 .1v.3c0 .1 0 .3.1.4v.4c0 .1 0 .2-.1.2-.1.1-.2.1-.3.1-.1 0-.2 0-.4-.1-.1-.1-.3-.1-.4-.2-.1-.1-.3-.1-.3-.1-.1.9-.1 1.9-.1 2.9s-.1 2-.1 3.1c.7-1.2 1.4-2.5 2-3.8.2-.3.3-.6.4-.9.1-.3.3-.6.5-.9.2-.3.4-.5.7-.7.3.3.6.2.9.1.3-.1.7-.1 1 0 .3.1.6.2.9.5.2.3.4.6.4 1s.1.8 0 1.1v.5c0 .2-.1.3-.2.4-.1.2-.2.3-.4.4-.2.1-.4.1-.5.2-.1 0-.3.1-.4.1h-.4c-.2-.3-.4-.4-.4-.6-.1-.2-.1-.4 0-.5.1-.2.2-.3.3-.3.1 0 .2-.1.4-.1.2-.1.3-.2.3-.3.1-.2.1-.3.1-.5 0-.3-.1-.5-.1-.7-.1-.2-.2-.3-.3-.3-.2 0-.3 0-.5.1s-.3.2-.5.4-.3.4-.4.6c-.1.2-.3.5-.4.7-.1.3-.3.6-.4.8-.2.2-.3.5-.4.8-.4.9-.8 1.7-1.2 2.5.3 0 .6-.1 1 0h1c.3 0 .7.1 1 .2.3.1.6.3.8.6.3.3.4.6.5 1 .1.4.1.8.2 1.1l.2 2.1c0 .2.1.5.1.7 0 .4.1.7.3.9zM71.7 13.9c.2.2.4.4.7.5.3.1.5 0 .8-.1 0 .2.1.3.1.6.1.2.1.4.1.6h-1.1s-.8 0-1.3.1h-2.3v-.2c0-.1.1-.2.2-.3.1-.1.2-.2.4-.3.2-.1.3-.1.6-.1.1 0 .1-.2.1-.7v-1.6c0-.6 0-1.2-.1-1.9s0-1.1 0-1.5V6.4c0-.7.1-1.5.1-2.2-.6 1.3-1.1 2.7-1.6 4.1-.5 1.5-1 3-1.5 4.4 0 0 .1.1.1.2-.2 0-.4 0-.7.1-.3.1-.5.1-.7.1-.5-1.9-1.1-3.7-1.6-5.5-.5-1.8-1.1-3.6-1.6-5.5-.1 1-.1 2-.1 3 0 1.1-.1 2.1-.1 3.2s0 2.1-.1 3.2c0 1-.1 2-.1 3h1.4v1.1c-.5 0-.9.1-1.3 0-.4 0-.8 0-1.2-.1-.4 0-.8-.1-1.2-.1H58c-.1 0-.2 0-.3-.1-.1 0-.1-.1-.1-.2s-.1-.3-.1-.4v-.4c0-.1.1-.2.1-.2.2.1.4.2.6.1s.4-.2.5-.4c0-.1.1-.3.1-.7 0-.4 0-.9.1-1.6 0-.6.1-1.3.1-2.1V7.2c0-.8 0-1.5.1-2.3 0-.7.1-1.3.1-1.8v-.7c0-.2-.1-.4-.2-.6-.1-.2-.3-.3-.5-.4-.2-.1-.4 0-.6.1 0-.2-.1-.5-.1-.7 0-.2 0-.4-.1-.7 1 0 2 .1 3 .1.9 0 1.9.1 3 .1 0 .3-.1.5-.4.7.3 1.3.6 2.6 1 3.9l1.2 3.9c.2-.6.4-1.3.6-1.9l.6-1.8c.3-.5.5-1.1.8-1.7.2-.6.4-1.3.6-2-.1 0-.3 0-.4-.1-.1 0-.2 0-.4-.1-.1 0-.1-.1-.1-.3 0-.1.1-.2.1-.3.1-.1.2-.1.3-.1h4.5c.1 0 .3.1.4.2.1.1.2.2.2.4s0 .3-.2.3c-.1-.1-.2-.1-.3-.1-.1 0-.2.1-.3.1-.2.4-.3.8-.4 1.3-.1.5-.1.9-.1 1.4-.2 2.8-.2 5.6 0 8.4 0 .3 0 .5.1.7-.1.3 0 .5.2.7zM81.7 12h-.4c0 .4 0 .9-.2 1.3-.1.4-.4.8-.7 1.1-.3.3-.7.6-1.1.8-.4.2-.9.3-1.3.4-.4.1-.8 0-1.2 0-.4-.1-.8-.2-1.1-.5-.2-.1-.3-.3-.5-.5s-.3-.4-.4-.6c-.2-.4-.3-.7-.4-1-.1-.3-.2-.6-.3-1-.1-.3-.1-.6-.1-1 0-.3 0-.7.1-1.1.1-.7.3-1.4.5-2 .3-.6.6-1.1.9-1.6s.8-.8 1.3-1.1c.5-.3 1-.4 1.5-.4.2 0 .4 0 .6.1.2.1.3.1.5.3.2.2.4.4.6.8.2.4.4.8.5 1.3h.4v.4l-1.7.3c-.2.1-.3.1-.4 0-.1 0-.1-.1-.2-.2v-.2h.4c.1-.1.2-.2.2-.4v-.5c0-.3-.1-.6-.3-.9l-.3-.3c-.1-.1-.2-.1-.4 0-.1 0-.3.1-.4.3-.1.2-.3.4-.4.6l-.3.6c-.1.2-.1.4-.1.5-.4 1.8-.5 3.6-.1 5.5.1.2.1.4.2.7l.3.6c.1.2.3.3.6.5.2.1.4.1.7.1.4-.1.7-.3 1-.7.2-.4.4-.8.5-1.2 0-.2.1-.4.1-.6v-.3h-.4c-.1 0-.1-.1-.1-.2s0-.2.1-.2h2.4v.2c-.5-.1-.5 0-.6.1z"/><path d="M83.5 14.2c.2-4.3.3-8.5.2-12.8h-1.8V.9.4c.7 0 1.3 0 2-.1.7 0 1.3 0 2-.1.8-.2 1.6-.2 2.4-.1.8.1 1.6.3 2.4.5.7.3 1.4.7 1.9 1.2s.9 1.1 1.1 1.8c.3 1.3.4 2.5.3 3.8 0 1.2-.2 2.4-.3 3.6 0 .4-.1.8-.2 1.2-.1.4-.3.8-.5 1.1-.3.5-.8 1-1.3 1.3-.5.3-1.1.5-1.7.6-.5.1-.9.2-1.4.1-.5 0-.9 0-1.4-.1h-4.9c-.2-.4-.1-.8.2-1.1.2-.2.3-.2.5-.3.2.3.4.3.5.4zm5.9-12.3c-.4-.3-.8-.5-1.3-.6-.5-.1-1-.1-1.5-.1-.3 4.5-.2 9.1.4 13.6.2 0 .4 0 .5-.1.2 0 .4-.1.6-.1.3-.1.6-.2.9-.4.3-.2.6-.4.8-.7.2-.3.4-.6.5-1s.2-.7.2-1.1c.4-2.1.4-4.2.2-6.3-.1-.6-.2-1.2-.4-1.9 0-.4-.4-.9-.9-1.3zM102.4 9.7c-.6-.1-1.3-.1-2 0s-1.4.4-2 .8l-.2-1.4.9-.1c0-.4-.1-.7-.1-1 0-.2-.1-.5-.1-.9-.3 0-.6.1-.9.1-.3 0-.6.1-1 .1-.2.7-.3 1.3-.4 1.8-.1.5-.2 1.1-.4 1.6l.2-.1.7.6c-.4.2-.8.6-1.2 1.1-.4.5-.7 1-.9 1.5l-.9-.5c0-.1.1-.2.2-.4s.2-.3.2-.4c.1-.2.2-.5.3-1 .1-.4.2-.9.4-1.3.1-.5.2-.9.3-1.3.1-.4.2-.7.2-.9l.3-1.2.3-1.2c.2-.7.3-1.4.4-2.1.1-.7.2-1.4.3-2.2h-.6l.1-.8 4-.1.1.8h-.2-.2c.1.7.2 1.4.3 2l.3 1.8.3 1.8c.1.6.2 1.3.4 2h.6l.3.9zm-3.6-3.6c-.1-.7-.2-1.3-.3-2-.1-.6-.3-1.3-.4-2-.1.6-.2 1.3-.4 2.1-.1.7-.3 1.5-.5 2.2l1.6-.3z"/><path d="M124.9 20.1c0-.3.1-.6.3-.8.2-.2.4-.3.7-.4.3-.1.5 0 .8.1.3.1.5.3.6.5.3.4.6.9.7 1.4.2.5.2 1 .2 1.5s-.1 1-.3 1.5c-.2.5-.4 1-.7 1.4-.6.9-1.4 1.6-2.4 2-1 .5-2 .7-3 .7-1.5 0-2.8-.3-3.9-1s-2.1-1.4-3-2.4c-.9-1-1.8-2.1-2.5-3.2-.8-1.2-1.5-2.3-2.3-3.5-1.1 1.2-2.4 2.2-3.9 3-1.5.8-3 1.1-4.5 1-1.1 0-2.1-.1-3-.5-.9-.3-1.6-.8-2.2-1.4-.6-.6-.9-1.3-1.1-2.2-.2-.8-.1-1.7.2-2.7.3-.9.7-1.6 1.3-2.2.6-.6 1.2-1.1 2-1.5.7-.4 1.5-.6 2.4-.7.8-.1 1.7 0 2.6.2v-5-4.6h-1.8V.8.3l3.7-.1c.8-.2 1.6-.2 2.4-.1.8.1 1.6.3 2.4.5.7.3 1.4.7 1.9 1.2s.9 1.1 1.1 1.8c.3 1.2.4 2.4.3 3.6-.1 1.2-.2 2.5-.4 3.7-.1 1-.4 2-.8 3-.5 1-1 2-1.7 2.9.3.4.6.8.8 1.2.3.4.5.8.8 1.2.5.8 1.1 1.6 1.7 2.5.6.8 1.3 1.6 2 2.4.7.7 1.5 1.3 2.4 1.8s1.8.7 2.9.8c1.1 0 2.1-.2 3-.7.9-.5 1.6-1.2 2.1-2.2.2-.4.3-.8.4-1.3.1-.5 0-.9-.1-1.3-.2.1-.4.2-.6.2-.2 0-.4 0-.6-.1-.2-.1-.4-.2-.5-.4s-.4-.5-.4-.8zm-22 .9c1.5-.4 2.8-1 3.7-1.8.9-.8 1.7-1.7 2.3-2.8-.2-.2-.3-.5-.6-.7-.6-.7-1.2-1.4-1.9-1.9 0 .6.1 1.2.1 1.8 0 .6.1 1.1.2 1.6v.1h-4.3c-.1-.2-.1-.4 0-.7 0-.2.1-.3.3-.5.3-.3.7-.4 1.1-.2l.1-3.5c-.5-.2-1-.3-1.5-.3s-1.1 0-1.6.1c-.6.1-1.1.3-1.6.6s-.9.7-1.3 1.1c-.4.4-.7.9-.9 1.5-.2.5-.3 1.1-.3 1.6 0 .7.2 1.3.6 1.8.4.5.9.9 1.4 1.4.2.2.5.3.8.5.3.1.7.2 1.1.3.4.1.8.1 1.2.1.3 0 .7 0 1.1-.1zm6.4-19.1c-.4-.3-.8-.5-1.2-.6-.5-.1-.9-.1-1.4-.1-.1 1.7-.2 3.4-.3 5.3-.1 1.9-.1 3.7 0 5.6.6.4 1.2.8 1.7 1.4.5.5 1 1.1 1.5 1.6.2-.6.4-1.2.6-1.9.2-.6.3-1.2.3-1.7.2-1.1.2-2.1.3-3.1 0-1 0-2.1-.1-3.1-.1-.6-.2-1.2-.4-1.9-.2-.6-.5-1.1-1-1.5z"/><path d="M116.5 1.2h-1.8V.4c.5 0 .9 0 1.2-.1s.7 0 1.1 0h1.1s.8 0 1.3-.1c.9 0 1.8 0 2.8-.1.9 0 1.8 0 2.8-.1v3.6h-1.3c-.1 0-.1-.1 0-.1.1-.2.1-.4.1-.6s0-.4-.1-.6l-.3-.6c-.1-.2-.2-.3-.4-.4-.2-.1-.4-.2-.6-.2h-.7c-.3 0-.5.1-.8.1-.3.1-.5.2-.6.4-.1.2-.1.3-.1.3v.3c0 .7-.1 1.3-.1 2 0 .6-.1 1.3-.1 1.9v1c.6-.2 1.2-.3 1.9-.4.6-.1 1.2-.3 1.9-.4 0 .1.1.2.1.3V7c0 .2-.1.3-.1.4-.1.1-.1.2-.1.3-.1.1-.2.1-.4.2-.1 0-.3.1-.4.1-.5.1-.9.2-1.4.3-.5.1-.9.1-1.4.2 0 1-.1 2-.2 2.9-.1 1-.1 1.9-.2 2.9.8.2 1.5.3 2 .1.6-.2 1.2-.5 1.9-1 .2-.1.2-.3.2-.5v-.7c0-.2.1-.5.2-.6.1-.2.3-.3.7-.4.4 0 .6.1.7.4.1.3.2.7.2 1.1 0 .5 0 .9-.1 1.4-.1.5-.1.9 0 1.2h-1.4c-.4 0-.8 0-1.2.1-.4 0-.8 0-1.2.1h-1.3c-.9 0-1.7 0-2.5.1-.7.1-1.6.1-2.4.1-.2-.2-.2-.4-.2-.7 0-.2.1-.5.3-.6.2-.2.3-.3.6-.3.2-.1.5 0 .7.1.1-2.1.2-4.3.1-6.5-.7-2.2-.7-4.3-.5-6.5z"/></g></svg>
            </a>
        </p>
    </footer>

    <div class="fixed-bottom-btn"><a class="waves-effect waves-light" id="go-top"><i class="fa fa-chevron-up"></i></a></div>

    <script>
    var DMS = {
        version: 'master',

        getDocUrl: function (doc) {
            var temp = 'docs-master-{doc}.html';

            return temp.replace('{doc}', doc);
        }
    };
    (function () {
        function indices() {
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = 'assets/indices/master.js';
            var x = document.getElementsByTagName('script')[0];
            x.parentNode.insertBefore(s, x);
        }

        setTimeout(indices, 1);
    })();
    
</script>

     <script src="assets/js/laravel.js"></script>
     <script src="assets/js/viewport-units-buggyfill.js"></script>
    <script>window.viewportUnitsBuggyfill.init();</script>

</body>
</html>
